<%@ page import="com.entity.User" %>
<%@ page pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <c:url var="base" value="/"/>
    <base href="${base}">
    <meta charset="UTF-8">
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        body{
            background: url(images/background.png);
            background-attachment: fixed;
            background-size: 100%;
            background-repeat: no-repeat;
            background-color: #8caee7;
        }
        .container{
            margin-top: 10%;
        }
        a{
            text-decoration: none;
        }
        ul,li{
            list-style: none;
            padding: 10px 0;
        }
        .nav{
            width: 60%;
            margin: auto;
        }
        .nav >ul > li{
            text-align: center;
            width: 16.66%;
            float: left;
            background-color: #5b5c64;
        }
        .nav a{
            display: block;
            color: aliceblue;
        }
        .two{
            padding: 0;
            margin: 0;
            border: 0;
            width: 10%;
            display: none;
        }
        .nav ul li:hover .two{
            background-color: #303033;
            display: block;
            position: absolute;
            width: 10%;
            margin-top: 10px;
            clear: both;
            z-index: 1;
        }
        .nav li:hover{
            background-color: #131212;
        }
        .nav li:hover > a{
            color: #00d9ff;
        }

    </style>
</head>
<body>
<div class="container">
    <div class="nav">
        <ul>
            <li><a href="index">首页</a></li>
            <li>
                <a>专业介绍</a>
                <ul class="two">
                    <c:forEach items="${items}" var="u">
                        <c:if test="${u.cid==1}">
                            <li><a href="page?cid=${u.cid}&tid=${u.tid}">${u.title}</a></li>
                        </c:if>
                    </c:forEach>
                </ul>
            </li>
            <li>
                <a>实验室</a>
                <ul class="two">
                    <c:forEach items="${items}" var="u">
                        <c:if test="${u.cid==2}">
                            <li><a href="page?cid=${u.cid}&tid=${u.tid}">${u.title}</a></li>
                        </c:if>
                    </c:forEach>
                </ul>
            </li>
            <li>
                <a>教师队伍</a>
                <ul class="two">
                    <c:forEach items="${items}" var="u">
                        <c:if test="${u.cid==3}">
                            <li><a href="page?cid=${u.cid}&tid=${u.tid}">${u.title}</a></li>
                        </c:if>
                    </c:forEach>
                </ul>
            </li>
            <li><a href="page?cid=4&tid=1">就业指南</a></li>
            <li><a href="newslist">新闻公告</a></li>
        </ul>
    </div>

</div>
</body>
</html>